<template>
     <div class="app-container">
            <!-- 申请表 -->
            <div class="form-blok">
               
                <div class="source" >
                    <!-- 标题 -->
                    <el-row>
                       
                    </el-row>

                    <el-form :disabled="disable" :model="formData"  ref="formData" label-width="0px" size="mini">
                        <table class="full-width" id="apply" v-loading="tableLoading">
                            <!-- 姓名性别民族 -->
                            <tr>
                                <td colspan="13" style="border:0px">
                                     <h1>广西水利电力职业技术学院国家助学金申请表</h1>
                                </td>
                            </tr>
                            <tr>
                                <td class="table-label"  rowspan="4">基本信息</td>
                                <td class="table-label"><span class="red-tip">*</span>姓名</td>
                                <td class="table-input">
                                    <el-form-item prop="xm" :rules="rules">
                                        <el-input :disabled="xsEditDisable"  v-model="formData.xm" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>性别</td>
                                <td class="table-input">
                                    <el-form-item prop="xb" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.xb" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>

                                <td class="table-label"><span class="red-tip">*</span>民族</td>
                                <td class="table-input">
                                      <el-form-item  prop="mz" :rules="rules">
                                        <!-- <el-input :disabled="xsEditDisable" v-model="formData.mz" placeholder="请输入内容"></el-input> -->
                                         <el-select :disabled="xsEditDisable"   v-model="formData.mz" filterable   placeholder="请选择">
                                            <el-option
                                                v-for="item in options"
                                                :key="item.value"
                                                :label="item"
                                                :value="item">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </td>

                                 <td class="image-input"  rowspan="3">
                                        <el-upload
                                            :disabled="xsEditDisable"
                                            class="avatar-uploader"
                                            :action="upload.url"
                                            :headers="upload.headers"
                                            :show-file-list="false"
                                            :on-success="handleAvatarSuccess"
                                            :before-upload="beforeAvatarUpload">
                                            <img v-if="formData.zp" :src="baseurl+formData.zp" class="avatar">
                                            <i v-else class="el-icon-plus avatar-uploader-icon" style="color:red;"></i>
                                        </el-upload>
                                 </td>
                            </tr>
                             <!-- 政治面貌 学号 入学时间 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>政治面貌</td>
                                <td class="table-input">
                                      <el-form-item prop="zzmm" :rules="rules">
                                        <el-select  :disabled="xsEditDisable" v-model="formData.zzmm" placeholder="政治面貌">
                                            <el-option label="群众" value="群众"></el-option>
                                            <el-option label="共青团员" value="共青团员"></el-option>
                                            <el-option label="党员" value="党员"></el-option>
                                        </el-select>
                                        <!-- <el-input  :disabled="xsEditDisable" v-model="formData.zzmm" placeholder="请输入内容"></el-input> -->
                                    </el-form-item>
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>学号</td>
                                <td class="table-input">
                                      <el-form-item  prop="xh" :rules="rules">
                                        <el-input @change="getStudent" :disabled="xsEditDisable" v-model="formData.xh" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>

                                <td class="table-label"><span class="red-tip">*</span>入学时间</td>
                                <td class="table-input date">
                                      <el-form-item  prop="rxsj" :rules="rules">
                                            <el-date-picker
                                               :disabled="xsEditDisable"
                                                v-model="formData.rxsj"
                                                type="month"
                                                :editable="false"
                                                format="yyyy-MM"
                                                placeholder="选择日期">
                                                </el-date-picker>
                                        <!-- <el-input v-model="formData.rxsj" placeholder="请输入内容"></el-input> -->
                                    </el-form-item>
                                </td>

                            </tr>
                             <!-- 出生年月电话年级-->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>出生年月</td>
                                <td class="table-input date">
                                   <el-form-item prop="csny" :rules="rules">
                                            <el-date-picker
                                                :disabled="xsEditDisable"
                                                format="yyyy-MM"
                                                v-model="formData.csny"
                                                type="month"
                                                :editable="false"
                                                placeholder="选择日期">
                                            </el-date-picker>
                        
                                    </el-form-item>
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>电话</td>
                                <td class="table-input">
                                      <el-form-item prop="dh" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.dh" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>

                                <td class="table-label"><span class="red-tip">*</span>年级</td>
                                <td class="table-input">
                                      <el-form-item prop="nj" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.nj"   placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>

                               
                            </tr>
                            <!-- 学院 - 专业 - 班级信息 -->
                            <tr>
                                <td class="table-input" colspan="7">
                                    <div class="class-info">
                                        <div>
                                            <div class="xy">
                                                <el-form-item prop="xy" :rules="rules">
                                                    <el-input :disabled="xsEditDisable"  v-model="formData.xy"  placeholder="请输入内容"></el-input>
                                                </el-form-item>
                                            </div>
                                            <span>学院<span class="red-tip">*</span></span>
                                        </div>
                                        <div>
                                            <div class="zy">
                                                <el-form-item prop="zy" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="formData.zy"  placeholder="请输入内容"></el-input>
                                                </el-form-item>
                                            </div>
                                            <span>专业<span class="red-tip">*</span></span>
                                        </div>
                                        <div>

                                            <div class="bj">
                                                <el-form-item prop="bj" :rules="rules">
                                                    <el-input :disabled="xsEditDisable"  v-model="formData.bj"  placeholder="请输入内容"></el-input>
                                                </el-form-item>
                                            </div>
                                            <span>班级<span class="red-tip">*</span></span>
                                        </div>
                                    </div>
                                </td>   
                            </tr>
                            <!-- 资助历史 -->
                            <tr>
                                <td class="table-label" colspan="3"><span class="red-tip">*</span>前一段时间收到何等资助</td>
                                <td class="table-input" colspan="5">
                                    <div>
                                          <el-form-item prop="zzls" :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.zzls"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>   
                            </tr>
                            <!-- 困难类型 -->
                             <tr class="type">
                                <td class="table-label"><span class="red-tip">*</span>困难标签</td>
                                <td class="table-input table-align-left" colspan="7">

                                 
                                     <div>
                                        <el-row class="radio-group-row">
                                            <div  class="radio-group">
                                                <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio   :label="'1'">脱贫家庭学生</el-radio>
                                                </el-radio-group>
                                            </div>
                                            <div v-show="formData.knlx == '1'">
                                                <span style="margin-right:10px;">脱贫年份: </span>
                                                <el-radio-group :disabled="xsEditDisable" v-model="formData.knlx2">
                                                    <el-radio :label="'1'">2014年/2015年</el-radio>
                                                    <el-radio :label="'2'">2016年</el-radio>
                                                 </el-radio-group>
                                            </div>
                                        </el-row>
                                        <el-row class="radio-group-row">
                                            <div  class="radio-group">
                                                <el-radio-group :disabled="xsEditDisable" v-model="formData.knlx">
                                                    <el-radio :label="'2'">监测对象家庭学生</el-radio>
                                                </el-radio-group>
                                            </div>
                                            <div v-show="formData.knlx == '2'">
                                               
                                                <el-radio-group :disabled="xsEditDisable" v-model="formData.knlx2">
                                                    <el-radio :label="'1'">脱贫不稳定家庭学生</el-radio>
                                                    <el-radio :label="'2'">边缘易致贫家庭学生</el-radio>
                                                    <el-radio :label="'3'">突发严重困难家庭学生</el-radio>
                                          
                                                 </el-radio-group>
                                            </div>
                                        </el-row>
                                        <el-row class="radio-group-row">
                                            <div  class="radio-group">
                                                <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio :label="'3'">最低生活保障家庭学生</el-radio>
                                                </el-radio-group>
                                            </div>
        
                                            <div v-show="formData.knlx == '3'">
                                               
                                                <el-radio-group :disabled="xsEditDisable" v-model="formData.knlx2">
                                                    <el-radio :label="'1'">城市</el-radio>
                                                    <el-radio :label="'2'">农村</el-radio>
                                              
                                                 </el-radio-group>
                                            </div>
                                        </el-row>

                                        
                                        <el-row class="radio-group-row">
                                            <div  class="radio-group">
                                                <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio :label="4">特困救助供养学生</el-radio>
                                                </el-radio-group>
                                            </div>
                                     
                                            <div v-show="formData.knlx == '4'">
                                               
                                                <el-radio-group :disabled="xsEditDisable" v-model="formData.knlx2">
                                                    <el-radio :label="'1'">城市</el-radio>
                                                    <el-radio :label="'2'">农村</el-radio>
                                              
                                                 </el-radio-group>
                                            </div>
                                        </el-row>

                                        <el-row class="radio-group-row">
                                            <div  class="radio-group">
                                                <el-radio-group  :disabled="xsEditDisable" v-model="formData.knlx">
                                                    <el-radio :label="'5'">家庭经济困难残疾学生</el-radio>
                                                </el-radio-group>

                                                <el-radio-group :disabled="xsEditDisable" v-model="formData.knlx">
                                                    <el-radio :label="'6'">家庭经济困难残疾人子女</el-radio>
                                                </el-radio-group>
                                                <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio :label="'7'">孤儿</el-radio>
                                                </el-radio-group>
                                               
                                                <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio :label="'8'">事实无人抚养儿童</el-radio>
                                                </el-radio-group>
                                                  <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio :label="'9'">烈士子女</el-radio>
                                                </el-radio-group>
                                              
                                                 <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio :label="'10'">建档困难职工家庭学生</el-radio>
                                                </el-radio-group>
                                            </div>
                                        </el-row>
                                        <el-row class="radio-group-row">
                                            <div  class="radio-group">
                                                <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio :label="'11'">低收入对象</el-radio>
                                                </el-radio-group>
                                            </div>
                                              <div v-show="formData.knlx == '11'">
                                               
                                                <el-radio-group :disabled="xsEditDisable" v-model="formData.knlx2">
                                                    <el-radio :label="'1'">低保边缘家庭学生</el-radio>
                                                    <el-radio :label="'2'">支出型困难家庭学生</el-radio>
                                                </el-radio-group>
                                            </div>
                                        </el-row>

                                        <el-row class="radio-group-row">
                                            <div  class="radio-group">
                                                <el-radio-group :disabled="xsEditDisable"  v-model="formData.knlx">
                                                    <el-radio :label="'12'">其他家庭经济困难学生</el-radio>
                                                </el-radio-group>
                                            </div>
                                              <div v-show="formData.knlx == '12'">
                                               
                                                   （请简述原因）  <el-input ::disabled="xsEditDisable" v-model="formData.knlx2"  placeholder="请输入内容"></el-input>

                                            </div>
                                        </el-row>
                                    </div> 
                                </td>   
                            </tr>
                            <!-- 困难等级 -->
                             <tr>
                                <td class="table-label"><span class="red-tip">*</span>困难标签</td>
                                <td class="table-input table-align-left" colspan="7">
                                    <div>
                                        <el-form-item prop="kndj" :rules="rules">
                                            <el-radio-group  v-model="formData.kndj" :disabled="xsEditDisable">
                                                <el-radio :label="'1'">特别困难</el-radio>
                                                <el-radio :label="'2'">比较困难</el-radio>
                                                <el-radio :label="'3'">一般困难</el-radio>
                                            </el-radio-group>
                                         </el-form-item>
                                    </div>
                                      
                                </td>   
                            </tr>
                            <!-- 家庭经济情况 -->
                            <tr>
                                <td class="table-label" rowspan="4">家庭经济情况</td>
                            </tr>
                            <tr>
                                <td class="table-label" colspan="2"><span class="red-tip">*</span>家庭人口总数</td>
                                <td class="table-input" colspan="5">
                                    <div>
                                        <el-form-item >
                                            <el-input  type="number"  @change="computedAvg" prop="rkzs" :rules="rules" :disabled="xsEditDisable"  v-model="formData.rkzs"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>   
                            </tr>
                            <tr>
                                <td class="table-label" colspan="2"><span class="red-tip">*</span>家庭月总收入</td>
                                <td class="table-input" colspan="1">
                                    <div>
                                        <el-form-item prop="yzsr"  :rules="rules">
                                            <el-input  type="number" @change="computedAvg" :disabled="xsEditDisable" v-model="formData.yzsr"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                                <td class="table-label" colspan="1"><span class="red-tip">*</span>人均月收入</td>
                                 <td class="table-input" colspan="1">
                                    <div>
                                        <el-form-item prop="rjyr" :rules="rules">
                                            <el-input  :disabled="xsEditDisable" v-model="formData.rjyr"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                                <td class="table-label" colspan="1"><span class="red-tip">*</span>收入来源</td>
                                <td class="table-input" colspan="1">
                                    <div>
                                        <el-form-item prop="srly" :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.srly"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="table-label" colspan="2"><span class="red-tip">*</span>家庭详细地址</td>
                                <td class="table-input" colspan="3">
                                    <div>
                                        <el-form-item prop="dz"  :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.dz"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                                <td class="table-label" colspan="1"><span class="red-tip">*</span>邮编</td>
                                <td class="table-input" colspan="1">
                                    <div>
                                        <el-form-item prop="yb" :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.yb"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                            </tr>
                            <!-- 申请理由 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>申请理由</td>
                                <td class="table-input" colspan="7">
                                    <div >
                                        <div class="content">
                                            <el-form-item prop="sqly">
                                                <el-input 
                                                    :disabled="xsEditDisable" 
                                                    placeholder="请输入内容" 
                                                    type="textarea" 
                                                    v-model="formData.sqly"
                                                    :autosize="{ minRows: 6, maxRows: 18}"
                                                ></el-input>
                                            </el-form-item>
                                        </div>
                                        <div class="signature">
                                            <div>
                                               
                                                
                                                <span><span class="red-tip">*</span>签名：</span>
                                                <el-upload
                                                    :disabled="xsEditDisable"
                                                    class="avatar-uploader"
                                                    :action="upload.url"
                                                    :headers="upload.headers"
                                                    :show-file-list="false"
                                                    :on-success="handleSignatureSuccess"
                                                  >
                                                    <img v-if="formData.xsqm" :src="baseurl + formData.xsqm" class="signature-img">
                                                    <span class="signature-tip" v-else >签名</span>
                                                </el-upload>
                                            </div>
                                            <div>
                                                {{this.formData.xsqmrq}}
                                            </div>
                                        </div>
                                    </div>
                                </td>   
                            </tr>

                             <!-- 家庭成员情况 -->
                            <tr>
                                <td class="table-label" ><span class="red-tip">*</span>家庭成员情况</td>
                                <td colspan="7" style="padding:0px;">
                                    <el-table
                                        style="width:100%"
                                        :data="formData.jtcyObj"
                                        width="100%"
                                        :border="true"
                                        align="center"
                                        element-loading-text="数据加载中..."
                                    >
                                        <el-table-column label="姓名" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].xm'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable"  v-model="row.xm" placeholder="请输入姓名"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="年龄" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].nl'" :rules="rules" >
                                                    <el-input :disabled="xsEditDisable" v-model="row.nl" placeholder="年龄"></el-input>
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="与本人关系" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].gx'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.gx" placeholder="与本人关系"></el-input>
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="学习或工作单位" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].dw'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.dw" placeholder="学习或工作单位"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="联系电话" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].lxdh'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.lxdh" placeholder="联系电话"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column v-if="!xsEditDisable" label="操作"  min-width="80" header-align="center" align="center">
                                            <template slot-scope="{ row,$index }">
                                                <el-button @click="handleDeleteRow(row,$index)" type="text" >删除</el-button>
                                            </template>
                                    </el-table-column>
                                    </el-table>
                                    <div style="padding:10px;">
                                        <el-button v-if="!xsEditDisable" @click="handleAddRow"  type="text">新增一行</el-button>
                                    </div>
                                </td>
                            </tr>
                             <!-- 班级意见 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>班级意见</td>
                                <td class="table-input" colspan="3">
                                    
                                    <div class="qm">
                                            <span  ><span class="red-tip">*</span>辅导员（班主任）:</span>
                                            
                                            <el-upload
                                                :disabled="fdyEditDisable"
                                                class="avatar-uploader"
                                                :action="upload.url"
                                                :headers="upload.headers"
                                                :show-file-list="false"
                                                :on-success="handleFdySignatureSuccess"
                                                >
                                                <img v-if="formData.fdyqm" :src="baseurl + formData.fdyqm" class="signature-img">
                                                <span class="signature-tip"  v-else>签名</span>
                                            </el-upload>
                                            

                                            <div >
                                                {{this.formData.fdyqmrq}}
                                            </div>
                                    </div>
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>二级学院意见</td>
                                <td class="table-input" colspan="3">
                               
                                        <div style="overflow:hidden;margin-bottom:10px;">
                                            <div style="float:left;padding:0px 12px"> <span class="red-tip">*</span>经初审，同意该同学申请：</div>
                                            <el-form-item  style="float:left;padding:0px 12px">
                                                <el-radio-group :disabled="ejxyEditDisable" v-model="formData.csdj" :rules="rules">
                                                    <el-radio :label="'1'">一等</el-radio>
                                                    <el-radio :label="'2'">二等</el-radio>
                                                    <el-radio :label="'3'">三等</el-radio>
                                                </el-radio-group>
                                            </el-form-item>
                                             <div  style="float:left;padding:0px 12px;height:28px;line-height:28px;">
                                                国家助学金
                                            </div>
                                        </div>
                                    <div class="qm">
                                        
                                        <span style="width:300px;"> <span class="red-tip">*</span>二级学院领导签字（公章）</span>
                                        <el-upload
                                            :disabled="ejxyEditDisable"
                                            class="avatar-uploader"
                                            :action="upload.url"
                                            :headers="upload.headers"
                                            :show-file-list="false"
                                            :on-success="handleEjxyldSignatureSuccess"
                                            >
                                            <img v-if="formData.ejxyldqm" :src="baseurl+formData.ejxyldqm" class="signature-img">
                                            <span class="signature-tip" v-else >签名</span>
                                         </el-upload>
                                        <div>
                                            {{this.formData.ejxyldqmrq}}
                                        </div>
                                    </div>
                                </td>     
                            </tr>
                            <!--学校意见-->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>学校意见</td>
                                <td class="table-input" colspan="7">
                                    <div style="overflow:hidden;margin-bottom:10px;">
                                        <div style="padding:0px 12px;text-align:left;"><span class="red-tip">*</span>经评审，并在校内公示 5 个工作日，无异议，同意该同学申请:</div>
                                        <el-form-item  style="float:left;padding:0px 12px">
                                            <el-radio-group :disabled="xxEditDisable" v-model="formData.zzdj">
                                                <el-radio :label="'1'">一等</el-radio>
                                                <el-radio :label="'2'">二等</el-radio>
                                                <el-radio :label="'3'">三等</el-radio>
                                            </el-radio-group>
                                        </el-form-item>
                                        <div  style="float:left;padding:0px 12px;height:28px;line-height:28px;">
                                            国家助学金
                                        </div>
                                    </div>
                                    <div class="signature">
                                        <div style="margin-right:50px;">
                                            广西水利电力职业技术学院
                                        </div>
                                        <div>
                                            {{this.formData.xxyjrq}}
                                        </div>
                                    </div>
                                </td>   
                            </tr>
                            <!-- 佐证材料上传 -->
                            <tr>
                                <td class="table-label">困难佐证材料</td>
                                <td class="table-input" colspan="7">
                                    <Affix @input="handleAffix" :max-size="0.5" :accpet="accpet" :disabled="xsEditDisable" v-model="formData.affixId"></Affix>
                                </td>
                            </tr>
                        </table>
                        <el-form-item>
                            <el-button type="primary" v-if="this.formData.step == 0 && isShow "  @click="onSubmit">提交申请</el-button>
                            <el-button type="success" v-if="(this.formData.step == 0 || this.formData.step == 1) && isShow" @click="onSave">保存</el-button>
                            <el-button type="primary" v-if="this.formData.step == 1 && isShow && this.formData.step !=-1 && this.formData.step !=4"  @click="onSubmitFdy">审核通过</el-button>
                            <el-button type="primary" v-if="this.formData.step == 2 && isShow && this.formData.step !=-1 && this.formData.step !=4"  @click="onSubmitEjxy">审核通过</el-button>
                            <el-button type="primary"  v-if="this.formData.step == 3 && isShow && this.formData.step !=-1 && this.formData.step !=4 "  @click="onSubmitxxsh">审核通过</el-button>
                            <el-button v-if="isShow && this.formData.step != 0  && this.formData.step !=-1 && this.formData.step !=4"  @click="open(2)" type="warning">驳回</el-button>
                            <el-button  v-if="isShow && this.formData.step != 0 && this.formData.step !=-1 && this.formData.step !=4" @click="open(0)" type="danger">拒绝</el-button>
                             <el-button type="success"  v-print="printobj" >打印</el-button>
                        </el-form-item>
                       
                    </el-form>

                
                </div>
                <!-- 打印表单 -->
                
                <div class="record"  >
                    <div class="title">
                        <span>审核记录</span>
                       
                    </div>
                    <el-timeline v-loading="recordLoading">
                        <el-timeline-item  v-for="(item,index) in recordList" 
                          :key="index" 
                          :icon="item.icon"  
                           size="large"  :type='item.type'  :timestamp="item.createTime" placement="top">
                            <el-card>
                                <h3 v-if="item.step == 0 ">保存</h3>
                                <h3 v-if="item.step == 1 ">提交申请</h3>
                                <h3 v-if="item.step == 2 ">
                                    <p>
                                        <span>辅导员审核：</span>
                                        <span>{{item.result}}</span> 
                                        <span class="gap"></span>
                                        <span v-if="item.remark">原因：{{item.remark}}</span>
                                    </p>
                                 
                                </h3>
                                <h3 v-if="item.step == 3 ">
                                      <p>
                                        <span>二级学院审核：</span>
                                        <span>{{item.result}}</span> 
                                        <span class="gap"></span>
                                        <span v-if="item.remark">原因：{{item.remark}}</span>
                                    </p>
                                </h3>
                                <h3 v-if="item.step == 4 ">
                                    <p>
                                        <span>学校审核：</span>
                                        <span>{{item.result}}</span> 
                                        <span class="gap"></span>
                                        <span v-if="item.remark">原因：{{item.remark}}</span>
                                    </p>
                                </h3>
                                <p>操作人：{{item.operator}} </p>
                            </el-card>
                        </el-timeline-item>
                    </el-timeline>
                </div>
            </div>
        
     </div>
</template>



<script>
//审核时间
import  {listKnrdtime} from "@/api/comprehensive/knrdtime";
import { getUserProfile,updateSignature } from "@/api/system/user";
import { getToken } from "@/utils/auth";
import request from '@/utils/request'
import { listApply, getApply, getStudentInfo,delApply, saveApply,addApply, updateApply,fdysh,ejxysh,xxyj,nopass,nextApply } from "@/api/zxj/apply";
import {getOwnInfo} from "@/api/stuCQS/basedata/extraInfo";
import {getOwnFamily} from "@/api/stuCQS/basedata/member";
import { getOwnInfo as getOwnInfoView } from "@/api/stuCQS/basedata/stuInfoView";
import { listRecord} from "@/api/zxj/record";
import {queryByStuNo} from "@/api/comprehensive/knrdtype"
export default {
    name:"Poverty_Examine",
    data(){
        return{
            printLoading:false,
            user:{signature:null},
            accpet:'image/*',
            tableLoading:false,
            recordLoading:false,
            xsEditDisable:true,
            fdyEditDisable:true,
            ejxyEditDisable:true,
            xxEditDisable:true,
            recordList:[],
            upload: {
    
                headers: { Authorization: "Bearer " + getToken() },
                // 上传的地址
                url: process.env.VUE_APP_BASE_API + "/common/upload"
            },
            baseurl: process.env.VUE_APP_BASE_API + "/",
            disable:false,
            isShow:true,
            formData:{
                    affixId:null, //附件id
                    step:0,//步骤
                    xm:null,
                    xb:null,
                    mz:null,
                    zzmm:null,
                    zzls:null,
                    xh:null,
                    rxsj:null,
                    csny:null,
                    dh:null,
                    nj:null,
                    xy:null,
                    zy:null,
                    bj:null,
                    kndj:null,
                    knlx:null,
                    knlx_2:null,
                    rkzs:null,
                    yzsr:null,
                    rjyr:null,
                    srly:null,
                    jtcyObj:[],
                    jtcy:[
                        {
                            xm:null,
                            nl:null,
                            gx:null,
                            dw:null,
                            lxdh:null
                        },
                    ],
                
                    sqly:null,//申请理由
                    fdyqm:null,//辅导签名
                    fdyqmrq:null,
                    ejxyldqm:null,
                    ejxyldqmrq:null,
                    xsqm:null,
                    xsqmrq:null,
                    zp:null,
                    csdj:1,
                    xxyjrq:null,
                    zzdj:1,
                    dz:null,
                    yb:null
                
            },
       
            rules:[
                        { required: true, message: '此项必填', trigger: 'blur' }
                ],
           
            options: [
                "汉族",
                "壮族",
                "满族",
                "回族",
                "苗族",
                "维吾尔族",
                "土家族",
                "彝族",
                "蒙古族",
                "藏族",
                "布依族",
                "侗族",
                "瑶族",
                "朝鲜族",
                "白族",
                "哈尼族",
                "哈萨克族",
                "黎族",
                "傣族",
                "畲族",
                "傈僳族",
                "仡佬族",
                "东乡族",
                "高山族",
                "拉祜族",
                "水族",
                "佤族",
                "纳西族",
                "羌族",
                "土族",
                "仫佬族",
                "锡伯族",
                "柯尔克孜族",
                "达斡尔族",
                "景颇族",
                "毛南族",
                "撒拉族",
                "布朗族",
                "塔吉克族",
                "阿昌族",
                "普米族",
                "鄂温克族",
                "怒族",
                "京族",
                "基诺族",
                "德昂族",
                "保安族",
                "俄罗斯族",
                "裕固族",
                "乌孜别克族",
                "门巴族",
                "鄂伦春族",
                "独龙族",
                "塔塔尔族",
                "赫哲族",
                "珞巴族"
            ],
            optionsTemp:[],
            //打印
            printobj:{
                id: 'apply',
                popTitle: '打印', // 打印配置页上方标题
                extraHead: '', //最上方的头部文字，附加在head标签上的额外标签,使用逗号分隔
                preview: '', // 是否启动预览模式，默认是false（开启预览模式，可以先预览后打印）
                previewTitle: '', // 打印预览的标题（开启预览模式后出现）,
                previewPrintBtnLabel: '', // 打印预览的标题的下方按钮文本，点击可进入打印（开启预览模式后出现）
                zIndex: '', // 预览的窗口的z-index，默认是 20002（此值要高一些，这涉及到预览模式是否显示在最上面）
                previewBeforeOpenCallback() {}, //预览窗口打开之前的callback（开启预览模式调用）
                previewOpenCallback() {}, // 预览窗口打开之后的callback（开启预览模式调用）
                beforeOpenCallback() {
                    
                }, // 开启打印前的回调事件
                openCallback() {}, // 调用打印之后的回调事件
                closeCallback() {}, //关闭打印的回调事件（无法确定点击的是确认还是取消）
                url: '',
                standard: '',
                extraCss: '',
            },
            
           
        }
        

    },
    created(){
  
        this.optionsTemp = this.options;
        let date = new Date();
        let month = date.getMonth()+1 
        let id  = this.$route.query.id;
        let action = this.$route.query.action;
        //获取路由参数，
        if(this.$route.query.id){
            if(action == 2 || !action){
                //查看
                this.isShow = false;
            }
            this.getRecordList(this.$route.query.id);
            //获取填写的信息
            getApply(id).then(response => {

                this.formData = {
                    ...this.formData,
                    ...response.data
                }
                this.formData.jtcyObj = JSON.parse(response.data.jtcy);
                if( this.formData.step == 1){
                    this.xsEditDisable = false;
                    this.fdyEditDisable = false;

                    //查询辅导员签名
                    this.getUserSignature();
                    this.formData.fdyqmrq = date.getFullYear() + "年" +month + "月" + date.getDate() + "日";
                }
                if( this.formData.step == 2){
                    this.getUserSignature();
                    this.ejxyEditDisable = false;
                    this.formData.ejxyldqmrq = date.getFullYear() + "年" + month + "月" + date.getDate() + "日";
                }
                if( this.formData.step == 3){
                     this.xxEditDisable = false;
                    this.formData.xxyjrq = date.getFullYear() + "年" + month+ "月" + date.getDate() + "日";
                }
                if( this.formData.step == 0){
                    this.xsEditDisable = false;
                    this.getUserSignature();
                    this.formData.xsqmrq = date.getFullYear() + "年" + month+ "月" + date.getDate() + "日";
                }
           
            });
            return;
        }else{
            //获取学生信息
             this.getStudent();
            //新增
            if(  this.formData.step == 0){
                this.formData.xsqmrq = date.getFullYear() + "年" +month + "月" + date.getDate() + "日";
                this.xsEditDisable = false;
                this.getUserSignature();      
               
            }
 

        }
        
        
    },
    methods:{
        printHtml() {
            this.open = true;
            this.printLoading = true;
            listKnrdtime({"stuNo":this.formData.xh}).then(res=>{
                console.log(res);
            
                this.formData.stuTime = res.rows[0].stuTime;
                this.formData.fdyTime = res.rows[0].fdyTime;
                this.formData.xsjTime = res.rows[0].xsjTime;
                this.formData.deptTime = res.rows[0].deptTime;
                this.printLoading = false;
                
            });
           
        },
         doUpdateSignature(){
            updateSignature(this.user).then(res=>{});
        },
         getUserSignature() {
            getUserProfile().then(response => {
             
                if(this.formData.step == 1&& !this.formData.fdyqm  ){
                    console.log("获取辅导员签名");
                    this.formData.fdyqm = response.data.signature;
                }
                if(this.formData.step == 2 && !this.formData.ejxyldqm){
                     console.log("获取二级学院领导签名");
                    this.formData.ejxyldqm = response.data.signature;
                }
                if(this.formData.step == 0 && !this.formData.xsqm){
                         console.log("获取学生签名");
                    this.formData.xsqm= response.data.signature;
                }
            });    
        },
        getOwnInfoV(){
            getOwnInfoView().then(obj => {
                console.log(obj);
                this.formData.nj = obj.data.gradeName;
            });
        },
        getOwnInfo() {
            getOwnInfo().then(obj => {
            let zp = null;
            //"dailyPhoto": "/profile/upload/2024/04/21/image-20240312170143660_20240421141241A004.png",
        // "whitePhoto": "/profile/upload/2024/04/21/image-20240312165106680_20240421141559A005.png",
        // "redPhoto": "/profile/upload/2024/04/21/image-20240312170457935_20240421141602A006.png",
        // "bluePhoto": "/profile/upload/2024/04/21/image-20240312170206087_20240421141606A007.png",
            if(obj.data.whitePhoto){
                zp = obj.data.whitePhoto;
            }else if(obj.data.redPhoto){
                zp = obj.data.redPhoto;
            }else if(obj.data.bluePhoto){
                 zp = obj.data.bluePhoto;
            }else{
                 zp = null;
            }
            this.formData.mz = obj.data.mz;
            this.formData.zzmm = obj.data.zzmm;
            this.formData.zp = zp;
            // this.formData.hjszd = obj.data.hksz1 + obj.data.hksz2 + obj.data.hksz3
            // this.formData.jtxjzdz = obj.data.xxlxdz
            })
        },
        getFamily() {
            getOwnFamily().then(obj => {
            if (obj.code == 200) {
                var arr = obj.data
                this.formData.jtcyObj = []
                if (arr.length > 0) {
                for (var i = 0; i < arr.length; i++) {
                    var obj = {}
                    obj.xm = arr[i].familyName
                    obj.nl = arr[i].age
                    obj.gx = arr[i].familyRelation
                    obj.gzdw = arr[i].workPlace
                    obj.zy = arr[i].job
                    obj.jkzk = arr[i].health
                    obj.lxdh= arr[i].phone
                    obj.nsr = arr[i].yearMoney
                    obj.dw = arr[i].workPlace
                    this.formData.jtcyObj.push(obj)
                    this.formData.rkzs = arr.length + 1
                }
                }
            }
            });
        },
        //查询审核记录
        getRecordList(id){
              // 查询审批流程
            this.recordLoading = true;
            listRecord({applyId:id}).then(response=>{
                this.recordList  = [];
                let rows = response.rows;
                for(let idx = 0; idx < rows.length; idx++ ){
                    let row = rows[idx];
                    if(row.step == 0){
                        row['text'] = "保存";
                    }
                    if(row.step == 1){
                        row['text'] = "提交申请";
                    }
                    if(row.step == 2){
                        row['text'] = "辅导员审核";
                    }
                    if(row.step == 3){
                        row['text'] = "二级学院审核";
                    }
                    if(row.step == 4){
                        row['text'] = "学校审核";
                    }
                        //el-icon-remove-outline el-icon-circle-check el-icon-circle-close
                    if(row.status == '0'){
                        //拒绝
                        row['icon'] = 'el-icon-circle-close';   
                        row['color'] = '#F56C6C'
                        row['type'] = 'danger';
                        row['result'] = "拒绝";
                    }
                    if(row.status == '1'){
                        //通过
                        row['icon'] = 'el-icon-circle-check';   
                        row['color'] = '#67C23A'
                        row['type'] = 'success';
                        row['result'] = "审核通过";
                    }

                    if(row.status == '2'){
                        // 驳回
                        row['icon'] = 'el-icon-remove-outline';   
                        row['color'] = '#E6A23C'
                        row['type'] = 'warning';
                        row['result'] = "驳回"; 
                    }

                    this.recordList.push(row);
                }
                 this.recordLoading = false;
             
                
            });
        },
        //获取下一个未审批
        getNextApply(step){
            this.tableLoading = true;
            nextApply({'step':step}).then(res=>{
                if(res.code == 200 && res.data){
                    this.formData = {
                        ...this.formData,
                        ...res.data
                    }
                    this.formData.jtcyObj = JSON.parse(res.data.jtcy);
                    this.getRecordList(this.formData.id);
                    this.tableLoading = false;
                    
                }
                else{
                    this.tableLoading = false;
                     this.$tab.closePage();
                }
            });
        },
        //获取学生信息，进入到
        //附件id
        handleAffix(affixId){
            this.formData.affixId = affixId;
        },
        handleAvatarSuccess( response, file, fileList){

           this.formData.zp = response.fileName;
        },
        handleSignatureSuccess(response, file, fileList){
            this.formData.xsqm = response.fileName;
        },
        handleFdySignatureSuccess(response, file, fileLis){
            this.formData.fdyqm = response.fileName;
        },
        handleEjxyldSignatureSuccess(response, file, fileLis){
            this.formData.ejxyldqm = response.fileName;
        },
        beforeAvatarUpload(){
            console.log();
        },
        onSubmit(){
            // 
            if(!this.formData.zp ){
                   this.$modal.msgError("请上传照片");
                return;
            }

             if(!this.formData.xsqm ){
                   this.$modal.msgError("请上传签名照片");
                return;
            }
            
            
            let data = {};
            Object.assign(data,this.formData);
            data.step = 1;
            this.$refs['formData'].validate((valid) => {
                if (valid) {
                    let str = this.formData.sqly;
                    let searchString = /贫困生/;
                    let regex = new RegExp(searchString, 'g');
                    let result  = regex.test(str);
                    if(result){
                        
                        var newStr = str.replace(regex, "<span style='color:red'>贫困生</span>");
                        this.$alert("申请理由："+newStr +'<br><p>申请理由不能包含"贫困生"等信息</p>', '系统消息', {
                            dangerouslyUseHTMLString: true
                        });
                        return;
                    }
                    data.jtcy = JSON.stringify(this.formData.jtcyObj);
                    if(this.formData.id){
                        updateApply(data).then(response => {
                             if(response.code !=500){
                                this.user.signature = this.formData.xsqm;
                                  this.doUpdateSignature();
                                this.$tab.closePage();
                             }
                        });
                    }else{
                        addApply(data).then(response => {
                             if(response.code !=500){

                                this.user.signature = this.formData.xsqm;
                                this.doUpdateSignature();
                                this.$tab.closePage();
                             }
                        });
                    }
                } else {
                    return false;
                }
            });
     
        },
        //根据学号查询学生信息
        getStudent(){
            getStudentInfo({"stuNo":this.formData.xh}).then(res=>{
                //精确查找到
                if(res.data){
                    this.formData.xh = res.data.stuNo;
                    this.formData.xm = res.data.name;
                    this.formData.xb = res.data.gender;
                    this.formData.xy =  res.data.dept.deptName;
                    this.formData.zy = res.data.srsMajors.majorName;
                    this.formData.bj = res.data.srsClass.className;
                    this.formData.csny = res.data.birthday;
                    this.formData.dh = res.data.phone;
                    this.getOwnInfoV();
                    this.getOwnInfo();
                    this.getFamily();
                    this.getKnlx();
                    // var arr = res.data.srsFemilyMenberList
                    // if(arr.length >= 1){
                    //     this.formData.jtcyObj =[];
                    // }
                    // for (var i = 0; i < arr.length; i++) {
                    //     var obj = {}
                    //     obj.xm = arr[i].kinsfolkName
                    //     obj.nl = arr[i].fatehrAge
                    //     obj.gx = arr[i].kinsfolkRelate
                    //     obj.dw = arr[i].workUnit
               
                    //     this.formData.jtcyObj.push(obj)
                    // }
                }   
            })
        },
        getKnlx(){
            queryByStuNo({stuNo: this.formData.xh}).then(res=>{
                if(res.code == 200 ){
                    this.formData.knlx = res.data.knrdType;
                
                }
            })
        },
        //计算月入人均收入,四舍五入
        computedAvg(){
            let rjyr = Math.round(this.formData.yzsr / this.formData.rkzs);
            this.formData.rjyr = !isNaN(rjyr)?rjyr:0;
        },
        //保存
        onSave(){
            if(this.formData.xh == null || this.formData.xh == ""){
                this.$modal.msgError("请输入学号");
                return;
            }
            this.formData.jtcy = JSON.stringify(this.formData.jtcyObj)
       
            if(this.formData.id){
                updateApply(this.formData).then(response => {
                    if(response.code !=500){
                            this.$modal.msgSuccess("提交成功");
                            if(this.formData.step == 0){
                                this.user.signature = this.formData.xsqm;
                            }if(this.formData.step == 1){
                                  this.user.signature = this.formData.fdyqm;   
                            }
                     
                            this.doUpdateSignature();
                            this.$tab.closePage();
                    }
        
                });
            }else{
                saveApply(this.formData).then(response => {
                     if(response.code !=500){
                         this.$modal.msgSuccess("提交成功");
                         this.user.signature = this.formData.xsqm;
                         this.doUpdateSignature();
                         this.$tab.closePage();
                     }
                });
            }
        },
        handleDeleteRow(row,index) {
            if(  this.formData.jtcyObj.length == 1){
                
                
                let obj =  this.formData.jtcyObj[0]; // 定义一个包含属性的对象
                for (let key in obj) {
                     this.formData.jtcyObj[0][key] =""; // 删除对象的属性
                }
                return;
            }
            this.formData.jtcyObj.splice(index, 1);
           
        },
        handleAddRow(){
            this.formData.jtcyObj.push({
                xm:'',
                nl:'',
                gx:'',
                dw:''     
            })
        },

        onSubmitFdy(){
            let data = {};
            Object.assign(data,this.formData);
            data.step = 2;
            data.jtcy = JSON.stringify(this.formData.jtcyObj)
            if(!this.formData.fdyqm){
                 this.$modal.msgError("请上传签名照片");
                return;
            }
       
            data.status1 = "通过"
            fdysh(data).then(response => {
                 if(response.code !=500){
                    this.$modal.msgSuccess("操作成功");
                    this.user.signature = this.formData.fdyqm;
                    this.doUpdateSignature();
                    //this.getNextApply(1);
                     this.$tab.closePage();
                  
                 }
            });
        },
        onSubmitEjxy(){
            let data = {};
            Object.assign(data,this.formData);
            data.step = 3;
            if(!this.formData.ejxyldqm){
                this.$modal.msgError("请上传签名照片");
                return;
            }
            if(!this.formData.csdj){
                this.$modal.msgError("请选择初审核助学金等级");
                return;
            }
            let params={
                "id":this.formData.id,
                "step":data.step,
                "csdj":this.formData.csdj,
                "ejxyldqm":this.formData.ejxyldqm,
                "ejxyldqmrq":this.formData.ejxyldqmrq,
                "status2":"通过"

            }
            ejxysh(params).then(response => {
                 if(response.code !=500){
                    this.$modal.msgSuccess("操作成功");
                     this.user.signature = this.formData.ejxyldqm;
                      this.doUpdateSignature();
                     //this.getNextApply(2);
                      this.$tab.closePage();
                 }
            });
        },
        
        onSubmitxxsh(){
            let data = {};
            Object.assign(data,this.formData);
            data.step = 4;
            if(!this.formData.zzdj){
                 this.$modal.msgError("请选择助学金等级");
                return;
            }
            let params={
                "id":this.formData.id,
                "step":data.step,
                "zzdj":this.formData.zzdj,
                "xxyjrq":this.formData.xxyjrq,
                "status3":"通过"
            }
            xxyj(params).then(response => {
                 if(response.code !=500){
                    this.$modal.msgSuccess("操作成功");
                    //this.getNextApply(3);
                     this.$tab.closePage();
                 }
            });
        },
        //驳回
        open(status){
          
            this.$prompt('请输入原因', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',

            }).then(({ value }) => {
                if(value !=null && value != ""){
                
                      let params = {
                        "remark":value,
                        "step":this.formData.step + 1,
                        "applyId":this.formData.id,
                        "status":status,

                    }
                    nopass(params).then(response => {
                         if(response.code !=500){
                            this.$tab.closePage();
                         }
                    });
                
                
                }else{
                      this.$modal.msgError("请输入原因");
                }
            });
        },
    }
    

}
</script>


<style scoped>
  
    .form-blok{
            margin: 0 auto;
            width:1000px;
            /* border: 1px solid #ebebeb; */
            border-radius: 3px;
            transition: .2s;
    }
    .source{
        text-align: center;
       
    }
    /* 表格样式 */
    .full-width{
        border-collapse: collapse;
        width: 1000px;
    }
    td{
        padding: 8px 10px 8px 10px;
        min-width: 120px;
        max-width: 110px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        vertical-align: middle;
        position: relative;
        text-align: center;
        border: 1px solid #000;
    }
    .table-label{
         min-width: 100px;
        background: #ededed;
      
    }
    .table-input{
        min-width: 100px;

        padding: 8px 4px;
    }
    .table-input>>>.el-input__inner{
        padding-right: 0;
    }
    .table-align-left{
         padding: 8px 8px;
         text-align: left;
    }
    .date >>>.el-date-editor{
        width: 120px;
    }
    .xy>>>.el-input{
        width: 105px;
    }
     .zy>>>.el-input{
        width: 240px;
    }
     .bj>>>.el-input{
        width: 255px;
    }
    .class-info >>> .el-input__inner{
        padding: 0px 10px;
        text-align: right;
    }

    /* 学院专业班级信息 */
    .class-info{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        
    }
    .class-info>>> .el-input__inner{
        
        /* text-align: right; */
    }
    .class-info div{
        height: 25px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
     .class-info div span{
        line-height: 25px;
     }
    /* 输入样式统一 */
    /deep/ .el-input__inner{
        border-width: 0px;
        
    }
    /* 表单样式统一 */
    /deep/ .el-form-item{
        margin-bottom: 0;
    }
    /deep/ .el-textarea__inner{
        border-width: 0px;
    }
    /deep/ .el-date-editor{
        width: 140px;
    }
     /deep/ .el-form-item__error {
        padding-left: 12px;
        position: relative;
        text-align: left;

    }
    .radio-group /deep/ .el-radio-group{
        width: 180px;

    }
    /*  */
    .radio-group-row{
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-content:center;
        font-size: 14px;
        line-height: 20px;
      
    } 
    .signature{
        display: flex;
        flex-direction: row;
        justify-content: right;
        align-content: center;
        margin-right: 40px;
        flex-wrap: wrap;
    }
    .signature>span{
        display: block;
        min-width: 50px;
        /* height: 36px;
        line-height: 36px; */
    }
    .signature>div{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    .avatar{
        width: 117px;
        height: 156px;
    }
    /deep/ .el-upload{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .image-input{
        padding: 0;
        width: 120px;
        height: 160px;
    }
    .signature-img{
        width: 160px;
        height: 50px;
    }
    .signature-tip{
        width: 160px;
        cursor: pointer;
        color: #1890ff;
        text-align: left;
       
    }
    .qm{
        display: flex;
        flex-direction: column;
        align-content: center;
    
    }
    .qm>span{
  
        text-align:left;
         padding-left: 12px;
    }
    .qm>div{
  
        text-align:right;
        padding-right: 12px;
    }
    
    .qm>.avatar-uploader{
        padding: 12px 0px;
        text-align: center;
    }
     /deep/ .el-input.is-disabled .el-input__inner{
        background-color: #fff;
        color: #000;
     }

    .list .item span{
        padding: 10px;
    }
    /* 间隔 */
    .gap{
        padding: 0px 20px;
    }
    .record ul{
        padding-inline-start: 0px !important;
    }
    .record .title{
        padding: 20px 0px;
    }

    #apply>>>.el-textarea.is-disabled .el-textarea__inner {
        background-color: #fff;
        border-color: #fff;
        color: #000;
        cursor: not-allowed;
    }
  .red-tip{
    display: inline-block;
    font-size: 14px;
    padding: 0px 5px;
    height: 17px;
    line-height: 17px;
    color: red;
  }
</style>